<template>
    <div class='all'>
        <div class='searchBar' style='background:#F3F3F3'>
          <!--<van-search placeholder="请输入完整车牌号" v-model="CarNo"  style='height: 40px' />-->
          <van-cell-group>
            <van-field v-model="CarNo" placeholder="请输入完整车牌号" />
          </van-cell-group>
        </div>
        <div class='btn'>
          <van-button size="large" style='background: #379EFD;border-radius:5px;height: 45px;line-height: 45px;color: white'>查询</van-button>
        </div>
        <div class='tips'>
            <div class='title'>
              <p style='font-size: 15px;text-align: center;line-height: 20px'>————————  功能说明  ————————</p>
            </div>
          <div class='content'>
            <p style='font-size: 13px;text-align: center;line-height: 15px;margin: 10px'>代人缴费后，该车牌不会绑定到您的个人中心</p>
            <p style='font-size: 13px;text-align: center;line-height: 15px;margin: 10px'>
              该车牌下次进入停车场，将不会给您推送入场消息
            </p>
          </div>
        </div>
    </div>

</template>

<script>
    export default {
        name: "DaiJiao",
      data() {
        return {
          CarNo: ''
        };
      },
      methods:{

      }
    }
</script>

<style scoped>
  .all{
    width: 100%;
    height: 100vh;
    background: #F3F3F3;
    position: fixed;
    top:0px
  }
  .searchBar{
    width: 86%;
    margin: 20px 7%;
    margin-top: 40px;
  }
  .btn{
    width: 86%;
    margin: 30px 7%;
  }
  .tips{
    margin-top: 50px;
    color:#8A8A8A ;
  }
</style>
